<template>
  <div id="fotter">
      <div><router-link to="/">首页</router-link></div>
      <div><router-link to="/particulars">分类</router-link></div>
      <div><router-link to="/cart">购物车</router-link></div>
      <div><router-link to="/my">我的</router-link></div>
  </div>
</template>

<script>
export default {
  name:'fotter'
}
</script>
<style>
.router-link-exact-active {
    color: pink;
}
</style>
<style  scoped>
#fotter {
  display: flex;
  justify-content: space-around;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}
</style>
